h2, h3, p, ul, ol, li {
    padding: 0;
    margin: 0;
    color: inherit;
}

ul {
    list-style:  none;
}

a {
    color: inherit;
    text-decoration: none;
}


.w1200 {
    display: block;
    position: relative;
    width: 1200px;
    margin: 0 auto;
    clear: both;
}

.w1400 {
    width: 1440px !important;
    margin: 0 auto;
}


.flex {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.flex.fw {
    flex-wrap:  wrap;
}


img {
    max-width: 100%;
    height:  auto;
}




/** beging **/



 
.m-title {
    display: block;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    
}


.m-title  h3 { 
    font-size: 36px; 
    position: relative;
    z-index: 2;
    top: -1em;
}

 

.m-title .g {
    font-size: 14px;
    text-transform: uppercase;
    counter-reset: #777777;
    line-height: 1em;
    position: relative;
    z-index: 1;
    color: #f9f9f9;
    font-size: 72px;
    font-weight: bold;
}

.m-title .c {
    color: #eb0014;
}


.m-title p {
    text-align: center;
    line-height: 2em;
    color: #757574;
    font-size: 14px;
}




#top {
  
    background:  url(/static/htl/top.png) center;
    height: 113px;
    float: left;
    width: 100%;
}

#top .mainw {
   width:  1520px;
   margin:  0 auto;
}

#top .mainw  > * {
        display: inline-block;
    line-height: 100px;
    height: 100px;
    float: left;
    color: white;
}

#top .mainw  .logo {
    position: relative;
    top: 10px;
}


#top .mainw  .nav {
    margin-left: 9em;
    
}

#top .mainw  .nav  a { 
    padding-left: 1rem;
    padding-right: 1rem;
    height: 100%;
    display: inline-block;
    font-size: 18px;
    color: #030303;
    position: relative;
    color: white;
} 
#top .mainw  .nav  a:first-child:after,
#top .mainw  .nav  a:hover:after {
    content:  "";
    width: 100%;
    height:137px;
    display: block;
    margin:  0 auto;
    position: absolute;
    bottom:  -0px;
    left:  0;
    background:  url(/static/pc/img/na-a.png)  no-repeat bottom  center;
}

 
#top .mainw  .tel {
    background: url(/static/htl/top-tel.png) no-repeat left center;
    padding-left: 4em;
    padding-top: 20px;
    /* margin-left: 50px; */
    float: right;

}

#top .mainw  .tel .o {
    padding: 3px;
 
    border-radius: 10px;
    position: relative; 
        font-size: 24px;
          color: #e40c20;
        font-weight: bold;
}
 

#banner {
    width: 100%;
    clear: both;
}











#home-pros  .con-con  {
    flex-wrap: wrap;

}
#home-pros  .con-con  a {
    width: 23%;
    margin: 5px;
    box-shadow: 0px 1px 6px 5px #e6e6e6;
    margin-bottom: 20px;
}

#home-pros  .con-con  a .bigimg {
    font-size: 0;
}
#home-pros  .con-con  a .bigimg img {
    width: 100%;
    
}

#home-pros  .con-con  a p {
    position: relative;
    background: #4e4e4d;
    color: white;
    line-height: 2.2em;
    text-align: right;
}

#home-pros  .con-con  a:hover p {
 
    background: #eaecf1;
    
}

#home-pros  .con-con  a p .more {
    display: inline-block;
    padding:  0 20px;
    
}

#home-pros  .con-con  a:hover  p .more {
    color: black;
}



 

#home-pros  .con-con  a p .name {
    position: absolute;
    bottom:  0;
    left:  0;
    height: 3em;
    line-height: 3em;
    border-top-right-radius: 20px;
    font-weight: bold;
    background: white;
    padding: 0 20px;
   color: black;
   padding-right: 40px;
}



#home-pros  .con-con  a:hover p .name {
    background: #eb0014;
    color: white;
}



#home-pros  .qiehuan-title {
    max-width: 1000px;
    display: flex;
    margin:  0 auto;
    justify-content:  space-between;
    margin-bottom: 10px;
}

#home-pros  .qiehuan-title  a.unit {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 20px;
    border: 1px dotted #ccc;
}





#tonglan {
    height: 333px;
    background: url(/static/htl/tonglan.jpg) center no-repeat;
    margin-bottom: 30px;
    margin-top: 30px;
    
}



#zengzhi {
    margin-top: -30px;
    margin-bottom: 30px;
    background: linear-gradient(to bottom, transparent 50%, #eaeae9 50%);
    padding-bottom: 40px;
}



#zengzhi  > .desc {
    width: 1100px;
    text-align: center;
    margin:  0 auto;
    line-height: 2em;
}




#zengzhi  > .imgs {
    width: 1200px;
    margin: 0 auto; 
}

#zengzhi  > .imgs a:nth-child(2n+1) {
    margin-top: 150px;
}

#zengzhi  > .imgs .h3 {
    font-weight: bold;
    color: #37416c;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    line-height: 3em;
}

#zengzhi .zixun {
    text-align: center;
    display: block;
    margin: 30px ;
}




#home-case {
    flex-wrap: wrap;
}


#home-case a  {
    width: 32%;
    margin-bottom: 20px;
    font-size: 0;
}

#home-case a  p {
    font-size: 14px;
    padding-left: 2em;
    background: #f4f4f4;
    line-height: 3em;
}

#home-case a  p:after {
display: inline-block;
    float: right;
    content: "详情";
    margin-right: 20px;
    background: #18243e;
    color: white;
    line-height: 2em;
    padding: 0.5px 21px;
    margin-top: 5px;
}


#home-case a:hover p {
    background: #e53d3c;
    color: white;
}

 

#home-about .flex {
align-items: flex-start;
}


#home-about {
    background: url(/static/pc/img/home-about.jpg) ;
 
    overflow: visible;
    margin-top: 80px;
        height: 678px;
            height: 678px;
}

#home-about  .m-title {
    position: relative;
    top: -50px;
}

#home-about  .img {
    width: 648px;
    position: relative;
    top: 90px;
}


#home-about  .info {
    width: 531px;
    color: white;
    line-height: 1.8em;
    margin-top: 50px;
    position: relative;
        top: 44px;
}


#home-about  .info .desc {

}
#home-about  .info  h3 {
    line-height: 60px;
    font-size: 32px;
        line-height: 1em;
            margin-top: -10px;
                margin-bottom: 48px;
}

#home-about  .tel {
    width: 532px;
    height: 79px;
    position: relative;
    background: url(/static/pc/img/about-tel.png) ;
    margin-top: 20px;
}


#home-about  .tel span {
    position: absolute;
    left: 240px;
    top: 26px;
    font-size: 30px;
    color: #eb0014;
    font-weight: bold;
}



 

 

#link {
    background: #040404;
    padding: 10px;
    color: white;
}
#link a  { 
    line-height: 1.5em;
    padding: 0 5px;
    display: inline-block;
    padding-bottom: 10px;

}

#link  .w1200 {
    display: block !important;
    border-bottom: 1px solid #666;
} 


#qiehuan {

}



#qiehuan  .flex{
    width: 700px;
    margin:  0 auto;
}


#qiehuan  .flex .unit {
    width: 30%;
    color: white;
    font-size: 18px;
    font-weight: bold;
    line-height: 2.6em;
    border-radius: 6px;
    background: #003a89;
    text-align: center;
}

#qiehuan  .flex .unit.hover {
    background: #009744;
}


#qiehuan  .qiehuan-con {
    width: 100%;

}
#qiehuan  .qiehuan-con .unit {
    display: flex;
    justify-content: space-between;
    margin: 30px 0;
}
#qiehuan  .qiehuan-con .unit  a {
    width: 24%;
}

#qiehuan  .qiehuan-con .unit  a img {
    width: 100%;
}





#home-news {
    width: 1200px;
    margin:  0 auto;
    align-items: flex-start;
}
#home-news .qyxw {
    width: 578px;
}


#home-news .qyxw  a {
    display: block;
    background: #f6f6f6;
    padding: 26px 20px;
    color: #3e3f3f;
    margin-bottom: 20px;
}


#home-news .qyxw  a  h3 {
    font-size: 18px;
    margin-bottom: 20px;
}


#home-news .qyxw  a  p {
    font-size: 14px;
    line-height: 1.5em;
}
#home-news .qyxw  a   .y {
    font-size: 1.3em;
    display: inline-block;
    padding-right: 10px;
}


#home-news .qyxw  a  >  .more {
    margin-top: 10px;
}

#home-news .qyxw  a:hover .more .m {
    background: #eb0014;
}

#home-news .qyxw  a  >  .more .m { 
    padding: 3px 30px;
    background: #828383;
    border-radius: 10px;
    color: white;
}

#home-news .hyzs {
    width: 578px;
    background: #fcfdfd;
    border: 1px dotted #ccc;
}



#home-news .hyzs  a {
    display: block;
    line-height: 3em;
    border-bottom: 1px dotted #ccc;
    font-size: 18px; 
    background: url(/static/pc/img/newli.png) left 20px center no-repeat;
    display: flex;
    justify-content:  space-between;
    padding: 0 10px;
}


#home-news .hyzs  a  span {
    width: 135px;
    flex-grow: 0;
}

#home-news .hyzs  a  .title {
    flex-grow: 1;
    padding-left: 30px;
}

#home-news .hyzs  a:hover  {
    background: #f9d2d6;
}














#footer {
    background: #eff0f4;

    /*color: white;*/
   padding-top: 100px;
   position: relative;
   border-top: 1px dotted #ae1a29;
}

#footer > .bg {
    width: 100%;
    text-align: center;
    overflow: visible;
    position: absolute;
    top: 0; 
}

#footer .w1200, 
#footer .mainw {
    position: relative;
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content:  space-between;
}

#footer  h3 {
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px dotted #666;
    color: #222;
    padding-top: 30px;
    padding-bottom: 5px;
    /*text-align: center;*/
}

#footer  a {
    color: inherit;
}

#footer   .unit {
    /*float: left;*/
    
}

#footer   .unit.item-1 a  {
    display: block;
    width: 185px;
    padding-top: 18px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #666;
}
#footer   .unit.item-2 { 
    width: 441px;
}

#footer   .unit.item-2 p {
      display: block;
     line-height: 2.3em;
    padding-top: 5px;
    padding-bottom: 2px;
    border-bottom: 1px solid white;
    padding-left: 50px;
  
}
#footer   .unit.item-2 p.phone { background: url(/static/pc/img/footer-phone.png)  center left 3px no-repeat;}
#footer   .unit.item-2 p.tel { background: url(/static/pc/img/footer-tel.png)  center left 3px no-repeat;}
#footer   .unit.item-2 p.fax { background: url(/static/pc/img/footer-fax.png)  center left 3px no-repeat;}
#footer   .unit.item-2 p.email { background: url(/static/pc/img/footer-email.png)  center left 3px no-repeat;}
#footer   .unit.item-2 p.you { background: url(/static/pc/img/footer-postcode.png)  center left 3px no-repeat;}
#footer   .unit.item-2 p.address { background: url(/static/pc/img/footer-address.png)  center left 3px no-repeat;}
#footer   .unit.item-2 p.qq { background: url(/static/pc/img/footer-qq.png)  center left 3px no-repeat;}



#footer   .unit.message {
    width: 414px;
     margin-left: 30px;
}

#footer   .unit.message  .info {
    display: inline-block;
    width: 20%;
    line-height: 40px;
    vertical-align:  central;
 
}

#footer   .unit.message  input {
    width: 70%;
    padding: 5px;
    margin: 10px;
     font-size: 16px;
         background: rgba(0,0,0,0);
             border: 1px solid #ccc;
             border-radius: 5px;
                color: white;
    
}

#footer   .unit.message  textarea {
     width: 70%;
 
    padding: 5px;
    margin: 10px;
    height: 65px;
    font-size: 16px;
        background: rgba(0,0,0,0);
             border-radius: 5px;
             color: white;
         border: 1px solid #ccc;
} 

#footer   .unit.message  .line {
    position: relative;
}

#footer   .unit.message .ab {
    position: absolute;
    top: 50px;
    left: 0;
}


#footer   .unit.message #submit {
    height: 40px;
    width: 100px;
    background: #f15646;
    color: white;
    border: 0;
}


#footer .ewm {
    width: 280px;
    text-align: center;
    padding-top: 100px;
}


#footer .ewm .pics  {
    text-align: center;
}


#footer .ewm .pics .p   {
    display: inline-block;
    margin-right: 20px;
    text-align: center;
}

#footer .ewm .pics .p  img {
    display: block;
}


#footer .ewm .tel {
    background: url(/static/pc/img/ftel.png)  center left 3px no-repeat;
    padding-left: 50px;
    padding-top: 30px;
}

#footer .ewm .tel p {
        line-height: 1em;
}

#footer .ewm .tel .nu {
    font-size: 32px;
    line-height: 1em;
    color: #1a2269;
}

#copyright{
    text-align: center;
    background:  #000;
    line-height: 3em;
    /*background: linear-gradient( to right , #032e54, #7f9b34 ,#032e54 );*/
    color: white;
}


#cpy {

    line-height: 3em;
    color: white;
    text-align: center;
    background: #040404;
 
}




img.aligncenter  {
    display: block;
    margin: 0 auto;
    max-width: 100%
}


#platform img, 
#baidumap img {
    max-width: inherit;
}